<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<html>
<head>
	<meta charset="UTF-8">
	<title>Modal Window - jQuery EasyUI Demo</title>
	<!--  <link rel="stylesheet" type="text/css" href="../css/demo.css">
	 <link rel="stylesheet" type="text/css" href="../css/icon.css">
	 <link rel="stylesheet" type="text/css" href="../css/easyui.css">
	  <script src="../js/jquery.easyui.min.js"></script> -->
  	
  	
  	<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
  	
	
	 
	 
</head>
<body>
<div class="container">
<h2>Example of creating Modals with Bootstrap</h2>
<div id="example" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3>This is a Modal Heading</h3>
</div>
<div class="modal-body">
<h4>Text in a modal</h4>
<p>You can add some text here.</p>
</div>
<div class="modal-footer">
<a href="#" class="btn btn-success">Call to action</a>
<a href="#" class="btn" data-dismiss="modal">Close</a>
</div>
</div>
</div>
<p><a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Launch demo modal</a></p>


<script src="../js/jquery-1.7.2.js"></script>
  	<script src="../js/modal.js"></script> 
</body>
</html>